html,input,a,ul,li,dl,dt,dd,img,label,button{margin:0;padding:0;list-style:none;text-decoration: none;border:0;font-weight: normal;font-family:"Microsoft YaHei";outline:none;}
body{
    background-color: #f0f0f0;
}

/* header */
/* ?? */
.box-header{
    background-color:#000;
    color:white;
    width:100%;
    height:36px;
    min-width: 320px;
    border:0px solid #000;
}
.box-header-div1{
    width:30%;
    height:36px;
    border:0px solid #000;
    float:left;
}
.box-header-div1_div1{
    width:10%;
    height:36px;
    margin-left:10px;
    line-height:36px;
    float:left;
    border:0px solid #000;
}
.box-header-div1_div1 img{
    width:12px;
    height:22px;
}
.box-header-div1-div2{
    width:50%;
    height:36px;
    line-height:40px;
    float:left;
    border:0px solid #000;
}
.box-header-div1-div2 a{
    color:white;
    font-size:18px;
    line-height:23px;
}
a:hover{
    text-decoration:none ;
}
.box-header-div2{
    width:40%;
    height:36px;
    border:0px solid #000;
    text-align:center;
    line-height:36px;
    float:left;
    font-size:18px;
}
.box-header-div2{
    color:white;
}
.box-header-div3{
    width:30%;
    height:36px;
    line-height:36px ;
    border:0px solid #000;
    float:left;
}
.box-header-div3 img{
    margin-left:60%;
    /*padding-left: 60%;*/
}
.all_foot{min-width: 320px;}
.panel-body{
    padding:0;
}

/* ?? */
.panel1-ul1-li2 ul,.panel1-ul1-li3 ul{
    display: inline-block;position: relative;left:0%;margin-top:5%;
}
/* ?? */
.All{
    margin-top:2%;
    min-width: 320px;
    /*height:1500px;*/
}
.panel-body .panel1-ul1-li1 img{
    width:24px;height:20px;
    float: left;
}
/* ????? */
.panel1-ul1-li1 label{
    font-size: 1.3rem;
}
.panel1-ul1-li1 span{
    font-size: 0.7rem;
    /*margin-left:22px;*/
    color:#8c8c8c;
    float:right;
    margin-right: 2%;
}
/* ??? */
.panel1-ul1-li2{
    width:50%;
    float: left;
    text-align: center;
}
.panel1-ul1-li2 img{
    width:40px;
    height:38px;
    /*margin-left:20%;*/
    margin-top:-10%;
    display: inline-block;
    text-align: center;
}
/* ??? */
.panel1-ul1-li3{
    /*float: right;*/
    width: 50%;
    float:right;
    text-align: center;
}
.panel1-ul1-li2-yumon,.panel1-ul1-li3-peonum{
    color:#8c8d8d;
}
.panel1-ul1-li3 img{
    width:40px;
    height:34px;
    /*margin-left:10%;*/
    margin-top:-10%;
    display: inline-block;
    text-align: center;
}
.panel1-ul1-li2,.panel1-ul1-li3{
    color:#484848;
}

/* ??? */
.panel1-ul1-li4{
    margin-top:20px;
}
/* ? 1 */
.panel1-ul1-li4_son1{
    width:50%;
    margin-top:60px;
    margin-left:0%;
}
/* ? 1 */
.panel1-ul1-li4_img1 img{
    width:20px;
    height:12px;
    margin-left: 20%;
}
/* ? 1 */
.panel1-ul1-li4_text1{
    margin-left:-5%;
}

/* ? 2 */
.panel1-ul1-li4_son2{
    width:50%;
    position: relative;
    left:50%;
    top:-20px;
}
/* ? 2 */
.panel1-ul1-li4_img2 img{
    width:16px;
    height:15px;
    margin-left:0%;
}
/* ? 2 */
.panel1-ul1-li4_text2{
    font-size: 1rem;
    text-align: right;
    position: absolute;
    left:14%;
    top:12%;
}


/* ?? 2 */
.pane2{
    background-color: #fff;
    padding-bottom:3%;

}
.panel2-ul1-li1{
    padding:2% 2% 1% 2%;
    font-size: 1.0rem;
    color:#999;
}

.panel2-ul1-li1 span{
    float:right;
}

/* ? 2 */
.panel2-ul1-li2{

}

.panel2-ul1-li2 img{
    width:26%;
    height:80px;
    padding-left:2%;
    display: inline-block;
}
/* ????? ?? */
.panel2-ul1-li2_son{
    border:1px solid white;
    overflow: hidden;
    width:72%;height:76px;
    position:relative;
    left:27%;
    top:-76px;
}
/* ?? */
.panel2-ul1-li2_son_lititle{
    font-size: 1.7rem;
}
/* ?? */
.panel2-ul1-li2_son_licon{
    margin-top:0.5%;
}
.panel2-ul1-li2_son_licon a{
    color:#999;
    line-height: 22px;
}

/* ? 3 */
.panel1-ul2-li3{
    margin-top:-68px;
    min-width: 320px;
}
.panel1-ul2-li3_son1{
    width:50%;
    float:left;
    padding:1% 0 1% 0;
    margin:0;
}
.panel1-ul2-li3 .nr{
    font-size: 1.5rem;
}
.panel1-ul2-li3 .dw{
    color:#fff;
    font-size: 1rem;
    background:#7bcdf6;
    padding:1% 3% 1% 3%;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -o-border-radius: 9px;
    -webkit-border-radius: 9px;
}
/* ???? ? */
.panel1-ul2-li3_son2{
    font-size: 1.4rem;
    width:50%;
    float:right;
}
.panel1-ul2-li3_son2 img{
    width:16px;height:16px;
}
.panel1-ul2-li3_son2 li{
    margin-top:1%;
}

/* ? 4 */
.panel1-ul3-li4{
    margin-top:40px;
}
.panel3-ul1-li4_text1{
    margin-left:2%;
}
.panel3-ul1-li4_text2{
    border:1px solid #ccc;
    -moz-border-color:1px solid #ccc;
    -o-border-color:1px solid #ccc;
    -webkit-border-color:1px solid #ccc;
    position: relative;
    left:17%;
    right:2%;
    font-size: 0.8rem;
    color:#a0a0a0;
}

/* ?? */
.pane_price label{
    position: relative;
    top:-76px;
    right:3%;
}
.pane_price span{
    color:#ff6e6e;
}
/* panel 3 ???? */
.pane3_label{
    margin-top:3%;
    margin-left:2%;
    color:#999;
}
.pane3{
    background-color: #fff;
    margin-top:2%;
    padding:3% 3% 6% 3%;
}
.pane3_contenttext p{
    text-indent: 28px;
    font-size: 1.4rem;
    color:#999;
}
/* ?? */
.pane3_img img{
    width:100%;
}

/* body{
    min-height:1100px;
} */


@media screen and (min-width: 375px)  {
    /* ? 1 */
    .panel1-ul1-li4_text1{
        margin-left:-3%;
    }
    /* ? 2 */
    .panel1-ul1-li4_img2 img{
        width:16px;
        height:15px;
        position: absolute;
        /*left:14%;*/
        left:37px;
        top:16%;
    }
    /* ? 2 */
    .panel1-ul1-li4_text2{
        font-size: 1rem;
        text-align: right;
        position: absolute;
        /*left:14%;*/
        right:1px;
        top:12%;
    }
    /* ???? ? */
    .panel1-ul2-li3_son2{
        font-size: 1.4rem;
        width:50%;
        float:right;
        text-align: right;
        padding-right: 2%;
        text-align: right;
    }
    .panel1-ul2-li3_son2 img{
        width:16px;height:16px;
    }
    /* ???? */
    .panel3-ul1-li4_text2{
        position: relative;
        left:26%;
        right:2%;
        font-size: 0.8rem;
        color:#a0a0a0;
    }
    /* body{min-height: 1160px;} */
}

@media screen and (min-width: 425px) {
    /* ? 2 */
    .panel1-ul1-li4_img2 img{
        width:16px;
        height:15px;
        position: absolute;
        /*left:14%;*/
        left:62px;
        top:16%;
    }
    /* ???? */
    .panel3-ul1-li4_text2{
        position: relative;
        left:34%;
        right:2%;
        font-size: 0.8rem;
        color:#a0a0a0;
    }
    /* body{min-height: 1200px;} */
}

@media screen and (min-width: 768px) {
    /* ????? */
    .panel1-ul1-li1 label{
        font-size: 2rem;
    }
    .panel1-ul1-li1 span{
        font-size: 1.6rem;
        float:right;
        margin-right: 2%;
    }
    /* ??? */
    .panel1-ul1-li2{font-size: 1.6rem;}
    .panel1-ul1-li2 img{
        width:56px;
        height:50px;
        margin-top:-10%;
        display: inline-block;
        text-align: center;
    }
    /* ??? */
    .panel1-ul1-li3{
        width: 50%;
        float:right;
        text-align: center;
        font-size: 1.6rem;
    }
    .panel1-ul1-li2-yumon,.panel1-ul1-li3-peonum{
        color:#8c8d8d;
    }
    .panel1-ul1-li3 img{
        width:54px;
        height:44px;
        /*margin-left:10%;*/
        margin-top:-10%;
        display: inline-block;
        text-align: center;
    }
    .panel1-ul1-li2,.panel1-ul1-li3{
        color:#484848;
    }
    /* ??? */
    .panel1-ul1-li4{
        font-size: 1.7rem;
        padding-top:10px;
    }
    /* ? 1 */
    .panel1-ul1-li4_son1{
        width:50%;
        margin-top:60px;
        margin-left:0%;
    }
    /* ? 1 */
    .panel1-ul1-li4_img1 img{
        width:20px;
        height:12px;
        margin-left: 150%;
    }
    /* ? 1 */
    .panel1-ul1-li4_text1{
        margin-left:6%;
    }
    /* ? 2 */
    .panel1-ul1-li4_son2{
        width:50%;
        position: relative;
        left:50%;
        top:-20px;
    }
    /* ? 2 */
    .panel1-ul1-li4_img2 img{
        width:16px;
        height:15px;
        margin-left:30%;
        margin-top:1%;
    }
    /* ? 2 */
    .panel1-ul1-li4_text2{
        font-size: 1.7rem;
        text-align: right;
        position: absolute;
        left:14%;
        top:12%;
    }
    /* ?? 2 */
    .pane2{
        font-size: 1.6rem;
    }
    .panel2-ul1-li1{font-size:2rem;}
    .panel2-ul1-li2 img{
        height:138px;
    }
    /* ?? */
    .panel2-ul1-li2_son{margin-top:-6%;}

    /* ?? */
    .pane_price label{
        position: relative;
        top:-60px;
        right:3%;
    }
    /* ? 3 */
    .panel1-ul2-li3{
        margin-top:-46px;
        min-width: 320px;
    }
    .panel1-ul2-li3_son1 .nr{
        font-size: 2rem;
    }
    .panel1-ul2-li3_son1 .dw{
        font-size:6rem;
    }

  /*   body{min-height: 1630px;} */
}

